<h1 style="text-align: center;">{detail_intro_title}: {CatName}</h1>

<div class="tools">
    <a style="text-decoration:none; color:#000;" 
    href="{url_add}" 
    onclick="return hs.htmlExpand(this, {
        objectType: 'iframe', width: 900, 
        creditsPosition: 'bottom left', 
        headingEval: 'this.a.title',
        wrapperClassName: 'titlebar' } )" 
    title="{edit}">
    <input type="button" id="but_add_new" class="but_login" value=" {edit} " /></a>
</div>

<form action="" method="post" enctype="multipart/form-data" id="frm_editor" class="vh_from">
	<div class="vh_div_from w98">				
		<div class="from_step_1">				
			 <div>
             
				<div id="tabs_intro">
                        <div id="tabs_child" class="tabs_child">
                            <ul>
                            [OPEN htmlTabTitleList]
                                [LOOP tab_title]
                                <li><a href="#tabs_child_{lang_id}">{lang_name}</a></li>
                                [/LOOP tab_title]
                            [CLOSE htmlTabTitleList]
                            </ul>
                        [OPEN htmlTabDetailList]
                            [LOOP tab_detail]
                            <div id="tabs_child_{lang_id}">
                                <div class="line_row">
        							<p><i>{FullContents}</i></p>
        						</div>
                            </div>
                            [/LOOP tab_detail]
                        [CLOSE htmlTabDetailList]
                        </div>
                        
				</div><!--Tab-{lang_id}-->
			</div><!--Tab-->
				                
		</div>
	</div>
</form>
<script type="text/javascript">$(function() { $("#tabs_intro").tabs();  });</script>     
